const Icon = (props) => (
  <svg
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    width="20"
    height="20"
    viewBox="0 0 80 80"
    style={{ enableBackground: "new 0 0 80 80" }}
    xmlSpace="preserve"
    preserveAspectRatio="xMidYMid meet"
    {...props}
  >
    <style type="text/css">{`
  .st0{fill:#47B972;}
	.st1{fill:#FFFFFF;}
 `}</style>
    <g id="mark_green">
      <g id="mark_7_">
        <rect id="XMLID_552_" className="st0" width="80" height="80" />
        <path
          id="XMLID_551_"
          className="st1"
          d="M58.5,17.7v11.8l-0.2,0.1c-1.7-1.4-3.9-2.3-6.7-2.3c-3.6,0-6.9,1.3-9.1,3.9l3.4,3.6
			c1.7-1.6,3.5-2.5,5.8-2.5c4.3,0.1,7.1,3.4,7.1,7.8c0,4.4-2.9,7.8-7.3,7.8c-11,0-7.9-20.6-22.7-20.6c-7.4,0-12.6,5.5-12.6,12.8
			v22.3h5.3V50.5l0.2-0.1c1.7,1.4,3.9,2.3,6.7,2.3c3.6,0,6.9-1.3,9.1-3.9l-3.4-3.6c-1.7,1.6-3.5,2.5-5.8,2.5
			c-4.3-0.1-7.1-3.4-7.1-7.8c0-4.4,2.9-7.8,7.3-7.8c11,0,7.9,20.6,22.7,20.6c7.4,0,12.6-5.5,12.6-12.8V17.7H58.5z"
        />
      </g>
    </g>
    <g id="logo_on_black-alpha"></g>
    <g id="logo_on_green-alpha"></g>
  </svg>
);
export default Icon;
